<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>注册</title>
</head>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/zhuce.css"/>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/message2.css">

</head>

<body>
<input type="hidden" value="${flag}" id="hidden">
<div class="main">
    <div class="main0">
        <div class="main_left">
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-3.png" class="theimg"/>
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-2.png" class="secimg"/>
            <img src="${pageContext.request.contextPath}/static/images/zhuce-image-1.png" class="firimg"/>
        </div>
        <div class="main_right">
            <div class="main_r_up">
                <img src="${pageContext.request.contextPath}/static/images/user.png"/>
                <div class="pp">注册</div>
            </div>
            <div class="sub"><p>已经注册？<a href="${pageContext.request.contextPath}/login.jsp"><span
                    class="blue">请登录</span></a></p></div>
            <div class="txt">
                <span style="letter-spacing:4px;">qq邮箱:</span>
                <input name="mailbox" type="text" class="txtphone" placeholder="请输入qq邮箱"/>
            </div>

            <div class="txt">
                <span style="letter-spacing:4px;">手机号码:</span>
                <input name="mobilePhoneNumber" type="text" class="txtphone" placeholder="请输入qq邮箱"/>
            </div>
            <div class="txt">
                <span style="letter-spacing:8px;">&nbsp;&nbsp;性别:</span>
                <input name="gender" checked="checked" type="radio" value="男"/>男
                <input name="gender" type="radio" value="女"/>女
            </div>
            <div class="txt"></div>
            <span style="letter-spacing:8px;">&nbsp;&nbsp;出生日期:</span>
            <input type="date" name="birthday">

            <a onclick="youXiang()" id="xiayibu">
                <div class="xiayibu">下一步</div>
            </a>
        </div>

    </div>
</div>

</body>

<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/message.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var height = $(document).height();
        $('.main').css('height', height);
    })
    var youXiang = function () {
        var mailbox = document.getElementsByName("mailbox")[0].value;
        var mobilePhoneNumber=document.getElementsByName("mobilePhoneNumber")[0].value;
        var gender=document.getElementsByName("gender")[0].value;
        var birthday=document.getElementsByName("birthday")[0].value;
        $("#xiayibu").attr("href", "/user/" + mailbox+"/"+mobilePhoneNumber+"/"+gender+"/"+birthday);
    }
    $(function () {
        var flag=$("#hidden").val();
        if (flag == "false") {
            $.message({
                    message: "邮箱格式错误",
                    type: "error",
                    time:'4000',
                showClose:true
                });
        }
    })
</script>
</html>
